<template>
	<view class="houseInfo">
		<image :src="currentHouse.imgs" mode=""></image>
		<view class="houseInfo-main">
			<view class="text">{{currentHouse.name}}</view>
			<view class="tabs">
				<view class="item-tab" v-for="(item,index) in (currentHouse.tabs)" :key="index">
					{{item}}
				</view>
			</view>
			<view class="price-point">
				<view class="price">
					<view class="price-text">参考价格（均价/总价）</view>
					<view class="title">{{currentHouse.price+"元/㎡"}}</view>
				</view>
			    <view class="point">
			    	<view class="point-text">建面</view>
			    	<view class="title">{{currentHouse.point+'㎡'}}</view>
			    </view>
			</view>
			<view class="arae">
				<view class="arae-text">结构:</view>
				<view class="arae-title">{{currentHouse.range}}</view>
			</view>
			<view class="range">
				<view class="range-text">地址:</view>
				<view class="range-title">{{currentHouse.range}}</view>
			</view>
			<view class="type">
				<view class="type-text">建面:</view>
				<view class="type-title">{{currentHouse.type}}</view>
			</view>
		</view>
			
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		computed:{
			currentHouse(){
				return this.$store.state.house.currentHouse
			}
		}
	}
</script>

<style lang="scss" scoped>
.houseInfo image{
	width: 100%;
	height: 434rpx;
}
.houseInfo-main{
	width: 100%;
	padding: 46rpx;
}
.houseInfo-main .text{
	font-size: 40rpx;
	font-weight: 800;
}
.houseInfo-main .tabs{
	display: flex;
	margin: 20rpx 0;
	width: 100%;
}
.tabs .item-tab{
	// flex: 1;
	color: #9498a4;
	padding: 5rpx;
	margin-right: 10rpx;
	border: 1px solid #ccc;
	
}
.price-point{
	width: 100%;
	display: flex;
	
}
.price-point .price{
	margin-right: 185rpx;
}
.point-text,.price-text{
	color: #9498a4;	
}
.title{
	font-weight: 800;
	color: #e7624b;
}
.arae,.range,.type{
	display: flex;
	font-weight: 600;
	margin-top: 40rpx;
}
.arae-text,.range-text,.type-text{
	color: #9498a4;
}
.arae-title,.range-title,.type-title{
	margin-left: 20rpx;
	font-weight: 600;
	color: #283046;
}
</style>
